<template>
  <div class="foot_box">

    <div class="footer">
      <dl class="box clearfix ov">
        <dd class="fl w1" v-for="(item,index) in nav" :key="index">
          <h4 class="font16">{{item.name}}</h4>
          <router-link
            :to="n.path"
            :target="[n.type == 1 ? '_blank':'']"
            v-for="(n, idx) in item.list" 
            :key="idx" class="h77 font13 imga" 
            :class="[index < 2 ? 'cur':'']" 
            style="display:block"
          >
            {{n.name}}
            <span v-if="n.val">{{n.val}}</span>
          </router-link>
        </dd>
        <dd class="fr w3 tc tr h88">
          <img src="../assets/images/logo.png" alt="">
          <p>{{$t('common.foot.workingDay')}}：8：00-22：00</p>
          <p>{{$t('common.foot.restDay')}}：9：00-18：00</p>
        </dd>
        <dd class="fr w2 tc h88">
          <img src="../assets/images/1.png" alt="" class="wx">
          <p>{{$t('common.foot.program')}}</p>
        </dd>
      </dl>
    </div>

    <!-- <div class="copyRight">
      <div class="box clearfix font12 h99">
        <div class="fl">
          <span class="inbk mri10">{{$t('common.foot.copy')}}</span>
          <a href="" target="_blank">
            <img src="@/assets/images/copyRight.png" alt="" class="inbk mri5">
            <span class="inbk h99 cur">{{$t('common.foot.copy1')}}110010000000000</span>
          </a>
        </div>
        <span class="fr">{{$t('common.foot.support')}}</span>
      </div>
    </div> -->
    <router-link to='/search' class="cur jqr" id="jqr"></router-link>
  </div>
</template>
<script>
// let log = console.log
import {jumpRout} from '@/utils/js.js'
export default {
  name:'Footer',
  data(){
    return {
      
    } 
  },
  computed:{
    locale: {
      get() {
        return this.$store.state.locale;
      },
      set(val) {
        this.$store.state.locale = val;
      }
    },
    nav(){
      let data = [
        {
          name:this.$t('common.foot.busServe'),
          list:[
            {name:this.$t('common.nav.recruit'),path:'/c_recruit_list'},
            {name:this.$t('common.nav.policy'),path:'/policy'},
            {name:this.$t('common.nav.serve'),path:'/serve'},
            {name:this.$t('common.nav.cooperation'),path:'/cooperation'},
          ]
        },{
          name:this.$t('common.foot.help'),
          list:[
            {name:this.$t('common.foot.userServiceAgreement'),path:'/detail?type=0&name='+this.$t('common.foot.userServiceAgreement'),type:1}, //用户服务协议
            {name:this.$t('common.foot.privacyPolicy'),path:'/detail?type=1&name='+this.$t('common.foot.privacyPolicy'),type:1}, //隐私政策
          ]
        },{
          name:this.$t('common.foot.contactWay'),
          list:[
            {name:this.$t('common.foot.serviceHotline'),path:'',val:'0898-88759502'},
            {name:this.$t('common.foot.mailbox'),path:'',val:'sanyacxe@163.com'},
          ]
        }
      ]
      return data
    },
  },
  watch:{
    
  },
  mounted(){
    
  },
  // ******************* methods 开始 ****************** //
  methods:{
    //页面跳转事件
    jump(e){
      let curUrl = this.$route.path
      if(curUrl != e && e.path.length > 0){
        if(e.type == 1){
          window.open(e.path, '_blank');
        }else{
          this.$router.push(e.path)
        }
        this.curPath = e
      }
    },
  }
  // ******************** methods结束 ***************** //
}
</script>

<style lang="scss">
  .foot_box{
    border-top: 70px solid #FCFBFB;
    .copyRight{background-color: #FCFBFB;line-height: 30px;}
    .cur:hover{color: #0F54BC !important;text-decoration: underline;}
    .jqr{width:90px;height: 136px;background-image: url(../assets/images/jqr.png);position: fixed;right:20px;top: 50%;display: block;z-index: 999;}
  }
  .footer{padding: 40px 0 55px;background-color: #fff;
    .w1{margin-right:50px;}
    h4{margin-bottom:10px;}
    .imga{margin-bottom:8px;}
    .wx{width:95px;}
    .w2{
      margin-right: 82px;
    }
    .w2 p,.w3 p{margin-top:8px;}
    .w3{width:250px;}
  }
  .en_US .footer .w2{margin-right: 40px;}
</style>